<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="UTF-8">
		<title>Title</title>
		<!-- 引入样式 -->
		<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

	</head>
	<body>
		<div id="error">
			<el-alert :title="msg" type="error" :closable="false">
			</el-alert>
			<el-alert th:title="message" type="error" :closable="false">
			</el-alert>
		</div>
		<!-- 先引入 Vue -->
		<script src="https://unpkg.com/vue/dist/vue.js"></script>
		<!-- 引入组件库 -->
		<script src="https://unpkg.com/element-ui/lib/index.js"></script>
		<script type="text/javascript" src="https://unpkg.com/axios/dist/axios.min.js"></script>
		<script>
			var app = new Vue({
				el: '#error',
				data: {
					msg: ""
				},
				methods: {
					getMsg(name) {
						return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[
							1].replace(/\+/g, '%20')) || "操作失败";
					}
				}
			});
			app.msg = app.getMsg("msg");
		</script>
	</body>
</html>
